@CHARSET "UTF-8";
*{margin:0;padding:0;border:0;}
.wrapper{
	width:100%;
}
.header{
	margin:0;
	background-image:url(../image/02-menu-topBack.png);
}
.header-logo{
	width:30%;
	height:100%;
	margin-left:5%;	
}
.header-logo img{
	width:90%;
	height:70%;
	margin-left:4%;
	margin-top:2%;
	margin-bottom:2%;
	vertical-align:middle;
	float:left;
}
.header-content{
	width:80%;
	margin-right:0;	
}
.header-content ul{
	width:94%;
	margin-left:95%;
	list-style-type:none;
}
.header-content ul li{
	float:left;
	margin-left:15px;
	font-family:arial,sans-serif;
	font-size:16px;
	color:#fff;
	margin-top:4%;
}
#logoutid{
	color:#fff;
}
.header-content ul li img{
	vertical-align:middle;
}
.left-content{
	height:550px;
	background-color:#353f48;
	width:15%;
	float:left;
}

.left-content  .divclass{
	height:50px;
	text-align:center;
	font-family:arial,sans-serif;
	font-size:16px;
	border-bottom:solid 2px #303642;
	text-decoration:none;	
	color:#fff;
}
.left-content  .divclass .img{
	float:left;
	margin-right:2%;
	margin-left:25%;
	vertical-align:middle;
	margin-top:10px;
}

.left-content  div .spancss{
	float:left;
	margin-top:11px;
}
#menu-talk1{
	background-image: url("../image/03-menu-talk.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:63%;
	width:24px;
	height:24px;
}
#menu-office1{
	background-image: url("../image/02-menu-office.png");
	background-repeat: no-repeat;
	background-position: center;
	width:24px;
	height:24px;
}
#complaint{
	background-image: url("../image/02-menu-complaint.png");
	background-repeat: no-repeat;
	background-position: center;
	width:24px;
	height:24px;
}
#menu-userManage{
	background-image: url("../image/02-menu-userManage.png");
	background-repeat: no-repeat;
	background-position: center;
	width:24px;
	height:24px;
}


.left-content .side .open{background-position:180px -12px;}
.right-content{
	background-color:#D8E8FF;
	padding:0.5% 0;
}
.right-content .right-top{
	width:30%;
	float:left;
}
.right-content .right-top img{
	margin-left:3%;
	vertical-align:middle;
	margin-right:10px;
}
.right-top-right img{
	margin-left:30%;
	margin-right:10px;
	vertical-align:middle;
}
.right .right-center {
	background-color:#eaffea;
	height:481px;
	border:1px solid #eee;
	display:none;
}
.right .right-center-ts {
	background-color:#eaffea;
	height:481px;
	border:1px solid #eee;
	display:none;
}
.right .right-center-yhys{
	background-color:#eaffea;
	height:481px;
	border:1px solid #eee;
}
.right .right-center-bg{
	background-color:#eaffea;
	height:481px;
	border:1px solid #eee;
	display:none;
}
.right .key-content,.right .query-top-center,.right .query-top-tail{
	width: 82.5%;
    margin: 0 auto;
    margin-left: 16%;
    background-color: #fff;
}
.right .query-top-tail{
	height:10%;
}
.right .key-content .query-top{
	margin-top: 2%;
    margin-left: 2%;
    padding-bottom: 4%;
    padding-top: 1%;
}
.right .key-content .yhgl-query-top{
	margin-top: 2%;
    margin-left: 2%;
    padding-bottom: 2%;
    padding-top: 1%;
}
.query-top-tail-yhgl{
	padding-top:1%;
}
.right .key-content .query-top input{
	border:1px solid #ddd;	
	padding:2px;
	border-radius:4px;
}
.right .key-content .yhgl-query-top input{
	border:1px solid #ddd;	
	padding:2px;
	border-radius:4px;
}
.right .key-content .query-top span{
	background-color:#f3ab40;
	color:#fff;
	padding:3px 13px;
	margin-left:3%;
	border-radius:4px;
	font-family:arial,sans-serif;
	font-size:14px;
	cursor:pointer;
}
.right .key-content .yhgl-query-top span{
	background-color:#f3ab40;
	color:#fff;
	padding:3px 13px;
	margin-left:3%;
	border-radius:4px;
	font-family:arial,sans-serif;
	font-size:14px;
	cursor:pointer;
}
.right .key-content .query-top span img{
	vertical-align:middle;
}
#query-top-right{
	float:right;
	margin-right:0px;
	width:33%;
}
#query-top-delete,.query-top-add{
	background-color:rgb(14, 162, 216);
	cursor:pointer;
}
.right .query-top-center{
	margin-top:0px;
	border:0px;
	height:340px
}
.query-top-center table td{
	border:0px;
}
.query-top-tail{
	margin-top:0px;
	border:0px;
}
.right .footer{
	width:100%;
	height:32px;
	background-image:url(../image/02-menu-lowBack.png);
}
.mask,.yhysmask{
width:100%;
height:100%;
background-color:Black;
opacity: 0.5;
position:fixed;
top:0;
left:0;
display:none;
}
.login,.yhyslogin{
width:25%;
height:50%;
background:#fff;
position:fixed;
top:20%;
left:50%;
display:none;
border-radius:4px;
border:1px solid #87cefa;
z-index:5;
}
.title,.yhystitle{
	height:10%;
    background:#87cefa;
    padding-left:5%;
    padding-top:2%;
	font-family:arial,sans-serif;
	font-size:14px;
	color:#fff;	
}

.yhgl-tc{
	float:right;
	padding-right:2%;
	width:7%;
	height:90%;
	cursor:pointer;
	
}
#wjsc{
	padding-top:10%;
	padding-left:5%;
	font-family:arial,sans-serif;
	font-size:14px;
}
.wjsc{
	width:65%;
	height:30%;
}
.wjsctp{
	padding-left:3%;
	width:5%;  
	height:100%;
	cursor:pointer;
}
#span4{
	background-color:white;
	font-family:arial,sans-serif;
	font-size:14px;
	color:black;
	padding-right:0%;
	height:100%;
	width:100%;
}
#span1,#span2,#span3{
	font-family:arial,sans-serif;
	font-size:14px;
	color:black;
	background-color:white;
	padding-left:0%;
	height:100%;
	width:100%;	
}
.wjsctail{
	padding-top:15%;
	padding-left:20%;
}
.wjsctail-qx{
	float:right;
	margin-right:10%;
	cursor:pointer;
}
#table,#table-yhys,#table-ts,#table-bg{
	font-family:arial,sans-serif;
	font-size:14px;	
}
#table tr,#table-ts tr,#table-yhys tr,#table-bg tr{
	height:30px;
}
#table tr td span,#table-ts tr td span,#table-bg tr td span,#table-yhys tr td span{
	color:#87cefa;
	padding-right:15px;
	cursor:pointer;
}
#table tr td span img,#table-ts tr td span img,#table-bg tr td img,#table-yhys tr td img{
	padding-right:10px;
}

.yhys-xjht{
	padding-top:5%;
}
.htnr{
	width:220px;
	height:150px;
	border:1px solid #87cefa;
}
.yhys-xjht-left{
	float:left;
	padding-left:5%;
}
.yhys-xjht-right{
	float:right;
	padding-right:5%;
}
.yhys-xjht-right-tail{
	padding-top:2%;
}
.htnrspan1,.htnrspan2{
	background-color:white;
	cursor:pointer;
	color:black;
}
.yhys-xjht-right-tail1{
	padding-left:30%;
	cursor:pointer;
}







#query-top-delete,.query-top-add{
	background-color:rgb(14, 162, 216);
	cursor:pointer;
}
.mask{
width:100%;
height:100%;
background-color:Black;
opacity: 0.5;
position:fixed;
top:0;
left:0;
display:none;
}
.login{
width:25%;
height:50%;
background:#fff;
position:fixed;
top:20%;
left:50%;
display:none;
border-radius:4px;
border:1px solid #87cefa;
}
.title{
	height:10%;
    background:#87cefa;
    padding-left:5%;
    padding-top:2%;
	font-family:arial,sans-serif;
	font-size:20px;
	color:#fff;	
}
.yhgl-tc{
	float:right;
	padding-right:2%;
	width:7%;
	height:90%;
	cursor:pointer;
	
}
#wjsc{
	padding-top:10%;
	padding-left:5%;
	font-family:arial,sans-serif;
	font-size:14px;
}
.wjsc{
	width:65%;
	height:30%;
}
.wjsctp{
	padding-left:3%;
	width:7%;  
	height:100%;
	cursor:pointer;
}
#span4{
	background-color:white;
	font-family:arial,sans-serif;
	font-size:14px;
	color:black;
	padding-right:0%;
	height:100%;
	width:100%;
}
#span1,#span2,#span3{
	font-family:arial,sans-serif;
	font-size:14px;
	color:black;
	background-color:white;
	padding-left:0%;
	height:100%;
	width:100%;	
}
.wjsctail{
	padding-top:15%;
	padding-left:20%;
}
.wjsctail-qx{
	float:right;
	margin-right:10%;
	cursor:pointer;
}
#query-top-delete,.query-top-add{
	background-color:rgb(14, 162, 216);
	cursor:pointer;
}
.right .query-top-center{
	margin-top:0px;
	border:0px;
	height:360px
}
.right .query-top-right{
	float: right;
    width: 15%;
    margin-top:3%;
}
#table{
	font-family:arial,sans-serif;
	font-size:14px;	
	border-collapse:collapse;
	table-layout: fixed;
}
#table tr{
	height:29px;
}
#table tr td{
	text-overflow: ellipsis; /* for IE */  
    -moz-text-overflow: ellipsis; /* for Firefox,mozilla */  
    overflow: hidden;  
    white-space: nowrap;
}
.query-top-center table td{
	border:0px;
}
.msg{
background-color:#fbfbfb;

}
.msg1{
}
/* */
.right .query-top-tail{
	height:8%;
}
/* 最下面部分与table的距离*/
.query-top-tail-yhgl{
	padding-top:1%;
}
/* 最下面的显示样式（页码按钮，上一页。。。。）*/
.ulym li{
	float:right;
	list-style-type:none;
	font-family:arial,sans-serif;
	font-size:14px;
	text-align:center;
}
/* 下,上页的按钮手指样式*/
.spans,.spanx{
cursor:pointer;
}
/* 上一页的按钮样式*/
.spanx{
	margin-right:30px;
	padding-right:3px;
	padding-left:3px;
	padding-bottom:3px;
}
/* 下一页的按钮样式*/
.spans{
	padding-right:3px;
	padding-left:3px;
	padding-bottom:3px;
}
/*页码按钮样式*/
#div span{
cursor:pointer;
color:#87cefa;
display:none;
float:left;
text-align:center;
width:28px;
height:22px;
}
/* 左下角的显示信息*/
.ulymspan,.ulymspants{
	margin-right:376px;
}
pre{
	padding:0 !important;
	z-index:5 !important;
	text-align:center;	
	background-color:transparent !important;
	color:#fff !important;
	border:0 !important;
	font-size:16px !important;
	height:32px !important;
	line-height:32px !important;
	
}
/*去掉系统设置的element.style*/
#ts , #office , #tb{
	width:100% !important;
}
/*时间选择框的宽度设置*/
#start , #end , #start1 , #end1 , #start2 , #end2{
	width:18%;
}